import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import ElementPlus from "element-plus";
import 'element-plus/theme-chalk/index.css'
import '../src/assets/init.css'
import '../src/assets/fonts/fonts.css'
import 'vue3-toastify/dist/index.css';
import Vue3Toastify from 'vue3-toastify';
import Vue3ConfirmDialog from 'vue3-confirm-dialog'
import 'vue3-confirm-dialog/style'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

const app = createApp(App);

app.use(ElementPlus);
app.use(router);
app.use(store);
app.use(Vue3Toastify, {
  autoClose: 3000,
  theme: 'colored',
  clearOnUrlChange: false,
});
app.use(Vue3ConfirmDialog);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
app.config.globalProperties.HOST = "/api";

app.mount("#app");
